<template>
  <div class="share">
    <img src="../assets/img/share/share1.png" alt="" @click="share">
<!--    <p>分享活动</p>-->
  </div>
</template>
<script>
export default {
  name: 'share',
  components: {},
  data () {
    return {
      url: '',
      title: '',
      content: '',
      img: ''
    }
  },
  props: {},
  watch: {},
  methods: {
    share () {
      let _this = this
      try {
        // eslint-disable-next-line no-undef
        Phone.inShare(_this.url, _this.title, _this.content, _this.img)
      } catch (e) {}
    },
    openShare (url, title, content, img) {
      this.url = url
      this.title = title
      this.content = content
      this.img = img
    }
  },
  computed: {
  },
  created () {
  },
  mounted () {
  },
  destroyed () {
  }
}
</script>
<style lang="scss" scoped>
  .share {
    overflow: hidden;
    position: fixed;
    right: 30px;
    bottom: 20%;
    z-index: 9999;
    img{
      width: 80px;
      height: auto;
      display: block;
    }
    p{
      font-size: 24px;
      color: #ffd10b;
      margin: 10px 0;
    }
  }
</style>
